<script setup lang="ts">
import type {Row} from '@tanstack/vue-table'
import {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuSeparator
} from "@/components/ui/dropdown-menu";
import {Button} from "@/components/ui/button";
import {EllipsisIcon} from "lucide-vue-next";

interface DataTableRowActionsProps {
  row: Row<Object>
}

const props = defineProps<DataTableRowActionsProps>()

</script>

<template>
  <DropdownMenu>
    <DropdownMenuTrigger as-child>
      <Button
          variant="ghost"
          class="h-8 w-8 flex p-0 data-[state=open]:bg-muted"
      >
        <EllipsisIcon class="h-4 w-4"/>
        <span class="sr-only">Open menu</span>
      </Button>
    </DropdownMenuTrigger>
    <DropdownMenuContent align="end" class="w-[160px]">
      <DropdownMenuItem>Edit</DropdownMenuItem>
      <DropdownMenuItem>Make a copy</DropdownMenuItem>
      <DropdownMenuSeparator/>
      <DropdownMenuItem>Delete</DropdownMenuItem>
    </DropdownMenuContent>
  </DropdownMenu>
</template>
